<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="css/leaveMessage.css"/>
    <title>留言板</title>
    <!--        <script src="http://code.jquery.com/jquery-latest.js"></script>-->
    <script src="js/jquery-3.4.1.min.js"></script>
<%--    <script>--%>
<%--        $().ready(function () {--%>
<%--            $("#bottomElm").click(function () {--%>
<%--                //获取时间--%>
<%--                var date = new Date();--%>
<%--                var year = date.getFullYear();--%>
<%--                var month = date.getMonth() + 1;--%>
<%--                var day = date.getDate();--%>
<%--                var hour = date.getHours();--%>
<%--                var minute = date.getMinutes();--%>
<%--                var second = date.getSeconds();--%>
<%--                var time = year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + second;--%>
<%--                //将时间存储到session域中--%>
<%--                // sessionStorage.setItem("time", time);--%>
<%--                //--%>
<%--                // alert(time);--%>
<%--                // 获取在留言界面的内容--%>
<%--                var leaveMessage = $("#leave").val();--%>
<%--                &lt;%&ndash;<div class="leave">&ndash;%&gt;--%>
<%--                &lt;%&ndash;    ${leave.user}于${leave.time}留言：${leave.leave}&ndash;%&gt;--%>
<%--                &lt;%&ndash;</div>&ndash;%&gt;--%>
<%--                // 定义一个字符串，并拼凑--%>
<%--                var str = "";--%>
<%--                str += "<div class='leave'>";--%>
<%--                str += ${sessionScope.user} + "于";--%>
<%--                str += time;--%>
<%--                str += "留言："--%>
<%--                str += leaveMessage;--%>
<%--                str += "</div>";--%>
<%--                // 将拼凑的字符串加载进body这个标签内--%>
<%--                if (str != "<div class='leave'>${sessionScope.user}于" + time +"留言：</div>") {--%>
<%--                    $("body").append(str.toString());--%>
<%--                } else {--%>
<%--                    alert("未输入任何留言！");--%>
<%--                }--%>
<%--                str != "<div class='leave'>"+ time +"</div>" ?--%>
<%--                    $("button").after(str.toString()) : alert("未输入任何留言！");--%>
<%--            })--%>
<%--        })--%>
<%--    </script>--%>
</head>
<body>
<div class="reminder">
    <p style="color: red;">
        <!--提示-->
        ${requestScope.EmptyMessages}
    </p>
</div>
<div class="Layout">
    <form action="${pageContext.request.contextPath}/setLeaveServlet" method="post">
        <div>
            <span style="color: red; float: left">${sessionScope.user}</span>,欢迎你
            <a href="index.jsp" style="float: right">注销</a>
        </div>
        <div>
            <textarea type="text" class="leaveMessage" placeholder="此处输入留言... ..." id="leave" name="leave"></textarea>
        </div>

        <button type="submit" class="button" id="bottomElm" style="cursor: pointer" >留言</button>
    </form>

<%--    将数据库中得留言遍历出来--%>
    <c:forEach items="${sessionScope.leaves}" var="leave" varStatus="status">
        <div class="leave">
            ${leave.user}于${leave.time}留言：${leave.leave}
        </div>
    </c:forEach>
</div>

</body>
</html>

